{% extends "base.html" %}{% load i18n crm_tags %}
{% block title %}{% translate "Activity log" %}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>{% translate "Activity log" %}</h1>
    <p>{% translate "Who did what, and when: signing in, team changes, giving and orders, callers and remarks, shifts, downloads and backups. Only administrators can see this page, and nobody can change it." %}</p>
  </div>
  <div class="actions"><a class="btn" href="{% url_with export='csv' %}">{% translate "Download (CSV)" %}</a></div>
</div>

<form method="get" class="filters activity-filters" role="search">
  <div class="field"><label for="aq">{% translate "Name, sign-in name, caller or address" %}</label>
    <input id="aq" type="search" name="q" value="{{ q }}" autocomplete="off"></div>
  <div class="field"><label for="ac">{% translate "Kind" %}</label>
    <select id="ac" name="category"><option value="">{% translate "Everything" %}</option>
      {% for key, label in categories %}<option value="{{ key }}"{% if key == category %} selected{% endif %}>{{ label }}</option>{% endfor %}
    </select></div>
  <div class="field"><label for="af">{% translate "From" %}</label><input id="af" type="date" name="from" value="{{ date_from|date:'Y-m-d' }}"></div>
  <div class="field"><label for="at">{% translate "To" %}</label><input id="at" type="date" name="to" value="{{ date_to|date:'Y-m-d' }}"></div>
  <div class="actions"><button class="btn" type="submit">{% translate "Show" %}</button>
    {% if filtered %}<a class="btn btn-quiet" href="{% url 'activity' %}">{% translate "Clear" %}</a>{% endif %}</div>
</form>

{% if page.object_list %}
<div class="table-wrap">
  <table class="activity">
    <thead><tr><th>{% translate "When" %}</th><th>{% translate "Who" %}</th><th>{% translate "What" %}</th><th>{% translate "About" %}</th><th class="hide-sm">{% translate "Details" %}</th><th class="hide-sm">{% translate "Address" %}</th></tr></thead>
    <tbody>
    {% for e in page %}
      <tr class="k-{{ category_of|get_item:e.action }}">
        <td class="num nowrap">{{ e.at|date:"j M Y" }}<br><span class="muted small">{{ e.at|date:"H:i:s" }}</span></td>
        <td>{% if e.actor_name %}{{ e.actor_name }}{% else %}<span class="muted">—</span>{% endif %}{% if e.actor_username %}<br><span class="muted small num">{{ e.actor_username }}</span>{% endif %}</td>
        <td><span class="act-kind"></span>{{ e.get_action_display }}</td>
        <td>{% if e.link %}<a href="{{ e.link }}">{{ e.target|default:"—" }}</a>{% else %}{{ e.target|default:"—" }}{% endif %}
          {% if e.details %}<div class="show-sm muted small">{{ e.details }}</div>{% endif %}</td>
        <td class="hide-sm small">{{ e.details }}</td>
        <td class="hide-sm num small muted">{{ e.ip|default:"" }}</td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% include "_pager.html" %}
{% else %}
<div class="panel empty"><strong>{% translate "Nothing here." %}</strong>{% if filtered %}{% translate "Try a wider date range or fewer filters." %}{% endif %}</div>
{% endif %}
{% endblock %}